/* -----------------------------------------------
Blogger Template Style
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#b1bb8e">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#444" value="#444444">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#000000">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#666666">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#444" value="#333333">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#dcd9d9">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#666666">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#000000">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Arial, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Arial, Serif" value="normal normal 26px Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

body{background:url(http://3.bp.blogspot.com/-5VdeKWVGSpM/UrCRB4VtPRI/AAAAAAAABaA/nbCgva6esYE/s1600/bg.png);color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width:0}

#header-wrapper {
width:960px;
margin:0 auto 10px;
border:1px solid #ccc; 
background:url(ganti url berikut dengan gambar anda);
}
}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:220px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}
#header2{float:right;width:728px;margin:0;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:0px 0 5px}
#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font: bold 24px Oswald;text-shadow:0 1px 1px #000;margin:0 auto;padding:5px 5px .15em;color:#aaa;}
#header a{text-decoration:none}
#header a:hover{color:$pagetitlecolor}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}

.newsfea{background:url(http://2.bp.blogspot.com/-xIhl6bRCogA/UCVLSCpyn6I/AAAAAAAAIMA/JLQCYmQXjI4/s1600/new.png) no-repeat 0px 8px;margin:0px;padding:5px 0 5px 45px;font:14px Oswald;color:#222;border-bottom:1px solid #ccc;text-transform:uppercase;text-shadow:1px 1px 1px #ccc}

#navbar-iframe{height:0;visibility:hidden;display:none}
#ads-wrapper,#mainpage-wrapper{width:700px;float:left;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#fff;width:700px;float:$startSide;word-wrap:break-word;overflow:hidden}
#midle-wrapper{padding-left:10px;width:280px;float:$startSide;word-wrap:break-word;overflow:hidden}
.midle ul{list-style:none;margin:0;padding:0}
.midle .widget{margin:0;padding:0}
#sidebar-wrapper{width:260px;float:$endSide;word-wrap:break-word;overflow:hidden}
h2{font:$headerfont;line-height:1.4em;text-transform:none;letter-spacing:.01em;color:$sidebarcolor;margin:.5em 0 .25em}
h2.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{margin:.5em 0 .1em;padding:15px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
.post h3 strong,.post h3 a:hover{color:#f7441a}
.post-body{border-top:2px solid #bbb;font:16px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:3em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}

.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
#blog-pager{position:relative;top:10px;width:auto;clear:both;font-family:Arial;font-weight:700;color:#4c502f;font-size:13px;margin:10px;padding:5px 10px}
.feed-links{clear:both;line-height:2.5em}

.sidebar h2{background:#003300;font:13px Oswald;color:#fff;text-transform:uppercase;margin:10px 10px 0;padding:6px 5px 6px 10px;border-bottom:2px solid #fff;}
.sidebar{text-shadow: white 1px 1px 1px;color:#000;line-height:1.3em;}
.sidebar li{background:url(http://3.bp.blogspot.com/-Qe4UP5Cn9LQ/T3sGU5DTb0I/AAAAAAAAAL8/xJUZ31qQ8B4/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:5px 10px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#4488dd}
.main .widget{border-bottom:0px dotted $bordercolor;margin:0 0 .5em;padding:0 0 .5em}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:14px Oswald;padding-bottom:5px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#aaa;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
.footer .widget-content{padding:0 auto}

.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;width:960px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:940px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}
.creditpic{background:#111;width:960px;margin:0 auto;padding:0 auto;border-top:1px solid #444;text-shadow:1px 1px 2px #000}
.credit{width:940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#999;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #4a1b04;background:#e95710;color:#fff;margin:2px;padding:3px 6px}

#outer-wrapper{background:#fff;width:960px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0px;-moz-box-shadow: 0 0 15px 1px #aaa;-webkit-box-shadow: 0 0 15px 1px #aaa;box-shadow: 0 0 15px 1px #aaa;padding:10px;}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}

#under-wrapper{float:left;width:100%;border-bottom:1px solid #aaa;margin:10px 0;padding:5px 0 15px}
#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px 0 0;padding:0 15px 0 0}
#related-articles .widget{margin:0;padding:0}
#related-articles .widget h2,#related-posts h2{font:bold 14px Oswald;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#related-articles a{color:#444;font:14px PT Sans Narrow}
#related-articles a:hover{color:#9daf22}
#related-articles li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}
#banner-ads{float:right;width:340px;margin:5px 0}
.comments-area {background: url(http://3.bp.blogspot.com/-yzvjspEVcWU/Tma1oYTAjhI/AAAAAAAABqM/w5U_HyG3m0Y/s1600/comment.png) no-repeat center right;margin:0 0 0 5px;padding:0 15px 0 0;}

.cm_reply{padding-top:5px}
.sidebar ul,#related-articles ul{list-style:none;margin:0;padding:0}
.cm_pagenavi a:hover{text-decoration:underline}

#search{float:right;width:180px;height:20px;margin-top:3px;}
#search form{float:left}
#search input[type="text"]{background:#fff url(http://4.bp.blogspot.com/-YWIEuv_kDDU/UGFvSbYUccI/AAAAAAAAI3E/M3PnTVZM5_E/s1600/search.png) no-repeat scroll 4px center;float:left;border:1px solid #8e1b08;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}

#nav-wrapper{background:#000;height:20px;font-family:Arial;overflow:hidden;width:960px;border-bottom:3px solid #333;text-shadow: -1px -1px 0 #000}
#nav{margin:0 auto;width:960px;height:30px;padding:0auto}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:8px 10px;color:#eee;font:bold 12px Arial;text-transform:none}
#nav ul li a:hover,#nav .selected{color:#ff0;text-decoration:none;}

.menuku{height:39px;background:url(http://1.bp.blogspot.com/-3Yw4Sxu_iNw/Uq5KSEGzlXI/AAAAAAAABW4/IBJ-ZLsRoCs/s1600/menuw.png) repeat-x top;font:normal 12px Arial;line-height:normal;width:960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0;padding:0;border-bottom: 3px solid #cc3300}
.menuku ul{margin:0;padding:0}
.menuku li{list-style:none;color:#FFF;float:left;display:inline;position:relative;margin:0;padding:0}
.menuku li a{display:block;background:0;background:url(http://2.bp.blogspot.com/-bI2MNcEkpWc/UBfYpB3VPTI/AAAAAAAAIBs/jEy-LefsNJ0/s1600/batas.png) no-repeat center right;color:#FFF;text-decoration:none;font:bold 14px Arial;text-shadow: -1px -1px 0 #a92009;outline:none;margin:0;padding:13px 13px}
.menuku li a:hover{background:#2a2a2a;text-shadow: -1px -1px 0 #000}
.menuku li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0}
.menuku li ul a{background:#2a2a2a;border-left:none;font:12px Arial;border-right:none;border-top:1px solid #484848;border-bottom:1px solid #000;display:block;padding:7px 10px;text-shadow: -1px -1px 0 #000}
.menuku li ul a:hover{background:#484848;}
.menuku li ul li{float:none;display:block;width:auto}
.menuku li ul ul{top:0;left:100%}
.menuku li a:hover,.menuku ul li a:hover{color:#ccc}

.index{background:#ffe8d9;float:right;font:12px Tahoma;color:#eee;display:block;margin:6px 5px 0;padding:3px 10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.index a,.index a:visited{color:#ff5800;text-transform:none}
.index a:hover{color:#222;text-decoration:none}
.slide-wrapper {padding:5 auto;margin:5 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;} 
.slide ul {list-style:none;padding:0;margin:0;}
.slide .widget {margin:0px 0px 0px;padding:0}
#featuredContent {background:#009900;float:left;width:700px;padding-top:7px}
#slideshow {float:right;margin:0 10px 10px;width:700px;height:305px; position:relative;}
#slideshow div.cover {float: left;margin:0 8px; }
#slideshowThumbs {background:#393939;padding:10px;overflow: hidden;position: absolute;height: 55px; width: 680px;margin:0 7px;top: 240px;z-index: 99;}
#slideshowThumbs li {display:inline;list-style:none;float: left; margin-right: 6px; }
#slideshowThumbs li a {opacity: 1; }
#slideshowThumbs li a.current, #slideshowThumbs li a:hover {opacity: 0.5;}
#slideshowContent {height:260px; float: none; display: block; position:relative;overflow:hidden;}
#slideshow .post {padding:0 10px; border: none; }
#slideshow .featuredTitle {font:20px Oswald;color:#719429;}
#slideshow .featuredTitle a{color:#fff;}
#slideshow .featuredTitle a:hover{color:#fff;}
#slideshowContent .featuredPost {color:#fff;display:none;overflow:hidden;}
#slideshowContent .featuredPost .featuredPostContent {padding: 0; }
a.readmore {float:left;border:1px solid #ff0000;background:#ff0000 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #c34502;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}

.headline a:hover{color:#006600;text-decoration:underline}

#ads1-wrapper,#ads2-wrapper,#ads3-wrapper{width:700px;float:left;word-wrap:break-word;overflow:hidden}
.ads1 .widget,.ads3 .widget,.box .widget,.box1 .widget{margin:0;padding:0 0 5px}
.ads1 ul,.ads3 ul,.box ul,.box1 ul{list-style:none;margin:0;padding:0}
#box-wrapper{width:340px;float:left;word-wrap:break-word;overflow:hidden}
#box1-wrapper{padding-left:10px;width:340px;float:left;word-wrap:break-word;overflow:hidden}

.bottomBox h1{font:bold 14px Arial;text-transform:uppercase;color:#e35f14;line-height:1.2em;letter-spacing:.01em;background:url(http://1.bp.blogspot.com/-ptb9Bu9jYus/UB6RxlP9BII/AAAAAAAAIJQ/KoSmQxYxxho/s1600/sidebar.png) no-repeat left;border-bottom:2px solid #e35f14;margin:0 auto;padding:10px 10px 10px 35px}
.bottomBox h1 a:hover{color:#000}
.bottomBox{width:700px;font:14px PT Sans Narrow;overflow:hidden;margin:5px 0;padding:0}
.bottomBox .left{float:left;padding:10px 5px}
.bottomBox .right{background:#ffffcc;float:right;padding:10px 5px}
.bottomBox_wide{width:340px}
.bottomBox_wide .thumb{padding-bottom:5px}
.bottomBox_wide img{display:block}
.bottomBox_narrow{width:340px;padding-bottom:6px}
.bottomBox_narrow .thumb{float:right;margin-left:7px}
.bottomBox_narrow .featuredTitle{font:bold 12px Arial;color:#333}
.bottomBox_narrow .featuredTitle a:hover{color:#ff5800}
.bottomBox_wide .featuredPostMeta{float:right}
.bottomBox h1 a,.bottomBox h1 a:visited{color:#ff5800}
,.bottomBox_narrow .featuredTitle a{color:#333}

.bottomBox1 h1{font:bold 14px Arial;text-transform:uppercase;color:#8d1f79;line-height:1.2em;letter-spacing:.01em;background:url(http://2.bp.blogspot.com/-x8qlNZtKBAY/UCVA9BJ9mjI/AAAAAAAAILU/amXu1Cw5Hic/s1600/icon.png) no-repeat left;border-bottom:2px solid #8d1f79;margin:0 auto;padding:10px 10px 10px 35px}
.bottomBox1 h1 a:hover{color:#000}
.bottomBox1{width:700px;font:14px PT Sans Narrow;overflow:hidden;margin:5px 0;padding:0}
.bottomBox1 .right{background:#ccffff;float:left;padding:10px 5px}
.bottomBox1 .left{float:right;padding:10px 5px}
.bottomBox1_wide{width:365px}
.bottomBox1_wide .thumb{padding-bottom:5px}
.bottomBox1_wide img{display:block}
.bottomBox1_narrow{width:340px;padding-bottom:6px}
.bottomBox1_narrow .thumb{float:right;margin-left:7px}
.bottomBox1 h1 a,.bottomBox1 h1 a:visited{color:#8d2079}

.catbox-even{width:100%;padding-bottom:5px;margin-bottom:10px;}
.catbox-even li{border-bottom:1px solid #eee;font-size:12px;margin:0 0px;padding:3px 0}
.catbox-even li.first{display:block;font-family:Arial,serif;font-size:12px;border-top:0;background:none;padding:0}
.catbox-even .entry-thumb{float:left;margin-right:10px}
.catbox-even h1 a:hover{color:#111}
.catbox-even .entry-excerpt{font:14px PT Sans Narrow;display:block}
.catbox-even h2 a:hover,.catbox-even ul li a:hover{color:#026ab5;text-decoration:none}
.catbox-even ul,{list-style:none;padding:0}
.catbox-even h1{background:url(http://1.bp.blogspot.com/-2NCvdTLZu5M/UCUY806JELI/AAAAAAAAIJ0/rGk5ywhiSwU/s1600/label_new.png) no-repeat left;font:bold 14px Arial;text-transform:none;color:#333;line-height:1.2em;border-bottom:2px solid #da290b;margin:0 auto;padding:6px 0px 6px 25px}
.catbox-even h1 a,.catbox-even h1 a:visited{color:#da290b}
.catbox-even h2 a,.catbox-even h2 a:visited,.catbox-even ul li a,.catbox-even ul li a:visited{font:bold 12px Arial;color:#444;text-transform:none}

#maskolis h1{background:url(http://4.bp.blogspot.com/-Cao5nn1TTTU/UCUrjNlcnhI/AAAAAAAAIKw/D43Xi9ioJUU/s1600/video.png) no-repeat left;font:14px Oswald;margin:0px;padding:5px 5px 5px 20px;text-transform:uppercase;border-bottom:2px solid #ff5800}
#maskolis h1 a,#maskolis h1 a:visited{color:#ff5800}
#maskolis h1 a:hover{color:#111}
#maskolis {width:100%;overflow:hidden;padding-bottom:10px;}
#maskolis .col_maskolis {width:200px;height:170px;float:left;padding:0;margin:2px 5px 8px 5px;text-align:center;}
#maskolis .col_maskolis .play-button{background:url(http://4.bp.blogspot.com/-x8ViCPVZDpU/T836BIU9p_I/AAAAAAAAGnY/Sp2WhbkRQ-s/s1600/play.png) no-repeat 77px 57px;cursor:pointer;}
#maskolis .maskolis_img {border:4px solid #ccc;margin:10px 3px;width:194px;height:130px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#maskolis .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
#maskolis .posttitle {height:20px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
#maskolis .posttitle a{color:#111;font:bold 12px Arial}
#maskolis .posttitle a:hover {color:#ff5800}

ul.tabs{float:left;list-style:none;height:32px;border-bottom:1px solid #d3cab5;border-left:1px solid #d3cab5;width:638px;margin:0;padding:0}
ul.tabs li{float:left;height:31px;line-height:31px;border:1px solid #d3cab5;border-left:none;overflow:hidden;position:relative;background:#f3f1ed;margin:0 0 -1px;padding:0}
ul.tabs li a{text-decoration:none;color:#26231c;display:block;border:1px solid #f3f1ed;outline:none;font-weight:700;padding:0 15px}
html ul.tabs li.active,html ul.tabs li.active a,html ul.tabs li.active a:hover{background:#f3f1ed;color:#67553b;border-bottom:1px solid #f3f1ed}
.tab-wrapper{border:1px solid #d3cab5;border-top:none;overflow:hidden;clear:both;float:left;width:638px;background:#f3f1ed;margin-bottom:15px}
.tabber{padding:10px 0}
.tabber .column{float:left;display:inline;width:146px;margin:0 0 0 11px}
.tabber h2{font:bold 12px Arial;line-height:15px;margin:7px 0 5px}
.tabber h2 a{color:#423119}
.tabber h2 a:hover{color:#f90}

#carousel{width:960px;height:0px;border-bottom:0px solid #666;position:relative;display:block;background:#47453e;}
#carousel h5{color:#555;margin:2px}
#carousel .container{position:absolute;left:24px;width:940px;height:125px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;}
#carousel #previous_button{position:absolute;width:24px;height:125px;background:url(http://3.bp.blogspot.com/-9vbzapQKyCo/UAflQ9pobYI/AAAAAAAAHvw/h8S8wJedyGc/s1600/prev.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url(http://4.bp.blogspot.com/-YqpmgfG-DEQ/UAflQYagXmI/AAAAAAAAHvo/U59OFOnIfBo/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:207px;height:90px;margin:0 2px 20px 6px;padding:6px}
#carousel ul li a.slider_title{color:#423119;display:block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#e78b14}

